$(document).ready(function (){     
    //vysunuti menu
    $('li.headlink').hover(
        function(){$('ul', this).fadeIn('slow', function(){});},
        function(){$('ul', this).fadeOut('slow', function(){});}
    );
    //zmena pozadi menu - vlevo
    $('li.headlink').hover(
        function(){$(this).css('background', '#606060')},
        function(){$(this).css('background', '#008fff')}
    );
    //zmena pozadi menu polozky  
    $('li.headlink ul li').hover(
        function(){$(this).css('background', '#606060')},
        function(){$(this).css('background', '#008fff')}
    );     
    //zmena pozadi menu - nahore
    $('li.headlink-top').hover(
        function(){$(this).css('background', '#606060')},
        function(){$(this).css('background', 'black')}
    );
    //identifikace prepinani menu
    $('#menu-top a, #content a').click(function(){
        return changeContent(this);
    }); 
    
    $(':input[placeholder]').placeholder();
    
});

 //funkce nacitani stranek
    function changeContent(element) {
       var obsah = $(element).attr('href'); //nacteme nazev stranky
       $('#content').hide('normal', LoadContent); //skryjeme predchozi obsah a nacteme novy
       
       $('#loader').remove(); 
       $('#content').append('<span id="loader"> Loading...</span>');
       $('#loader').fadeIn('normal');
 
       function hideLoader(){
           $('#loader').fadeOut('normal');
           
       }
       function AddNewContent(){
           $('#content').show('normal', hideLoader());          
       }       
       function LoadContent(){
           $('#content').load(obsah, '', AddNewContent());
       }
       
       return false;      
    }
    
